<template>
	<view class="community">
		<view class="top">
			<uv-navbar title="师傅列表" bgColor="#65c9bb" height="66px" titleStyle="{font-weight: bold;font-size: 1.1rem;}"
				@click="goback"></uv-navbar>
		</view>
		<!-- 选项卡 -->
		<view class="tabs">
			<uv-tabs :list="list" lineColor="#149494" activeStyle=" color:#149494" :scrollable="false"
				@click="click"></uv-tabs>
		</view>

		<!-- 综合 -->
		<view v-if="current== 0">
			<view class="avatar">
				<view class="recommend" @click="gomaster" v-for="item in 3">
					<view class="recommend-bottom1">
						<view class="bottom-top1" v-for="item in 3">
							<view class="photo">
								<image class="image2" src="/static/image/宠物医生.png" mode=""></image>
								<view class="shadow">上次服务</view>
							</view>
							<view class="text1">这是师傅的名称</view>
							<view class="text2">已服务:234次</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 点赞 -->
		<view v-if="current== 1">222</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: '',
				list: [{
					name: '综合',
				}, {
					name: '距离',
				}, {
					name: '服务次数',
				}, {
					name: '好评',
				}]
			}
		},
		methods: {
			// 跳转师傅推荐
			gomaster(){
				uni.navigateTo({ url: '/pages/masterdetails/masterdetails' })
			},
			goback() {
				uni.navigateBack({
					delta: 1
				});
			},
			click(item) {
				this.current = item.index
				console.log('item', item.index);
			}
		}
	}
</script>

<style lang="scss">
	@import url("listmasters.scss");
</style>